﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Joyintech.Web.inpiao365.UserCenter.Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="usercss/reglog.css" />
    <link href="http://www.wangpiao.com/css/xzbase.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/xzlogin.css" />
    <link href="usercss/city.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript" src="../js/login_jquery.js"></script>
    <script type="text/javascript" language="javascript" src="../js/city.js"></script>
    <script type="text/javascript" language="javascript" charset="UTF-8" src="../js/formValidator.js"></script>
    <script type="text/javascript" language="javascript" charset="UTF-8" src="../js/formValidatorRegex.js"></script>
    <script src="/js/banner.js" type="text/javascript"></script>
    <script src="/js/reg.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function changeimaurl() {
            alert($("#btnOk").attr("src"));
            $("#btnOk").attr("src", "/images/login_btn2.gif");
        }

        function checkReg() {
            var strError = "";

            if ($("#txtUserName").val() == "" || $("#txtUserName").val() == "请输入您的邮箱") {
                strError += "请输入您的邮箱！";
                $("#txtUserName").focus();
            }
            else {
                var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

                if (!myreg.test($("#txtUserName").val())) {
                    strError += "你输入的邮箱格式不正确！";
                    $("#txtUserName").focus();
                }
            }

            if ($("#txtPwd").val() == "" || $("#txtPwd").val() == "请输入您的密码") {
                strError += "请输入您的密码！";
                $("#txtPwd").focus();
            }
            else {
                if ($("#txtPwd").val().length < 6 || $("#txtPwd").val().length > 16) {
                    strError += "密码长度6-16位！";
                    $("#txtPwd").focus();
                }
            }

            if ($("#txtRePwd").val() == "" || $("#txtRePwd").val() == "请重复输入您的密码") {
                strError += "请重复输入您的密码！";
                $("#txtRePwd").focus();
            }
            else {
                if ($("#txtRePwd").val().length < 6 || $("#txtRePwd").val().length > 16) {
                    strError += "密码长度6-16位！";
                    $("#txtRePwd").focus();
                }
                else if ($("#txtPwd").val() != $("#txtRePwd").val()) {
                    strError += "两次密码不一致，请重新输入！";
                    $("#txtRePwd").focus();
                }
            }

            if ($("#txtCity").val() == "" || $("#txtCity").val() == "请输入您所在的城市") {
                strError += "请输入您所在的城市！";
                $("#txtCity").focus();
            }

            if ($("#txtMobile").val() == "" || $("#txtMobile").val() == "手机号") {
                strError += "请输入您的手机号！";
                $("#txtMobile").focus();
            }

            if (strError != "") {
                alert(strError);
                return false;
            }
            else {
                return true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <link rel="stylesheet" type="text/css" href="/wangp/Skin/wangpiao/newinfo/css/base.css" />
    <script src="/js/headyin.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/headliu.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/css/xzbase.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <div id="topmenu" class="newtopmenu">
        <div id="site-nav">
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#site-nav").html('<img src="/Buyticket/images/loading1.gif" style="width: 16px; height: 16px" /> 数据正在加载......').load("/UserCenter/Cms_IsLogin.aspx");
        });
 
    </script>
    <div class="newmain">
        <div class="newhead">
            <div class="newheadmenu">
                <h1>
                    <a href="http://www.wangpiao.com/" class="logoimg" title="影票365您的观影专家">影票365您的观影专家</a></h1>
                <!--城市start-->
                <div id="cityall" class="cityall fl">
                    <h2 id="h2city">
                        合肥</h2>
                    <div id="morecity" class="morecity">
                        <span>[切换城市]</span>
                        <div id="citysel" class="citysel none">
                            <style>
                                .citysel td a:link, .citysel td a:visited
                                {
                                    color: #009af2;
                                }
                                .citysel th a:link, .citysel th a:visited
                                {
                                    color: #369;
                                    margin-right: 5px;
                                }
                                .citysel td a:hover, .citysel th a:hover
                                {
                                    color: #FFF;
                                }
                            </style>
                            <table width="390" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <th>
                                        <!--a href="/bj/">北京</a><a href="/tj/">天津</a><a href="/sh/">上海</a><a href="/gz/">广州</a><a href="/sz/">深圳</a><a href="/cq/">重庆</a-->
                                        #foreach($movieCity in $movieCity_BLL.GetModelList("IsTop=1")) <a href="/$movieCity.CityCode/">
                                            $movieCity.CityName</a> #set($value = $velocityCount) #end
                                    </th>
                                </tr>
                                <tr>
                                    <td>
                                        #foreach($movieCity in $movieCity_BLL.GetModelList("1=1 order by CityOrder")) <a
                                            href="/$movieCity.CityCode/">$movieCity.CityName</a> #set($value = $velocityCount)
                                        #end
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <!--城市end-->
                <div class="headr fr">
                    <h4>
                        快速购票</h4>
                    <div class="headrA" id="selmovielch">
                        1.请选择影片
                        <br />
                        <span class="sel_quickA" id="kchfilmname">请选择<b></b></span>
                        <div class="topsel-movieB" id="moviesearchnew">
                            <div id="kfilm">
                            </div>
                        </div>
                    </div>
                    <div class="headrB" id="selcinemalch">
                        2.请选择影院
                        <br />
                        <span class="sel_quickB" id="kchcinemaname">请选择<b></b></span>
                        <div class="topsel-movieB" id="cinemasearchnew">
                            <ul id="kcinema">
                            </ul>
                        </div>
                    </div>
                    <div class="headrC" id="seltimelch">
                        3.请选择场次
                        <br />
                        <span class="sel_quickC" id="kchshowname">请选择<b></b></span>
                        <div class="topsel-movieC" id="ktimesearchnew">
                            <ul id="kshow">
                                <label id="noteid">
                                    请先选择影院和影片
                                </label>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--导航start-->
            <div class="newnav">
                <div class="navB">
                    <div class="newnav-fr fr">
                        <div class="newcinemaicon" id="newcinemaicon">
                            <p>
                                去影院<b></b>
                            </p>
                        </div>
                        <div class="newmovieicon" id="newmovieicon">
                            <p>
                                看电影<b></b>
                            </p>
                        </div>
                    </div>
                    <ul class="navBL">
                        <li id="lisy" class="home"><a href="/" title="">首页</a> </li>
                        <li id="lisyyp" class="zzry"><a href="/movie/" title="">正在热映</a> </li>
                        <li id="lisyyy" class="dyy"><a href="/theater/" title="">电影院</a> </li>
                        <li id="lidxyp" class="yp"><a href="/Note_comment/index.html" title="">观后感</a> </li>
                        <li id="lidyzx" class="zx"><a href="/wangp/ZXXX/List_43.html" title="">资讯</a> </li>
                        <li id="lihfgp" class="hfgp"><a href="/TelFareBuyTicket/" title="">话费购票</a> </li>
                        <li id="lidhk" class="dhk"><a href="/Exchange/MyTicket_IndexNew.aspx" title="">电影卡</a>
                        </li>
                        <li id="liat" class="last"><a href="/hd/activeindex.aspx" title="">热门活动</a><img class="entryimg"
                            src="/images/codeentry.gif" alt="活动码入口" />
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="xlmovie none" id="ycl1">
                        <h2>
                            <a href="/theater/" target="_blank">全部影院</a>北京<em>26</em>家影院</h2>
                        <ul>
                            <li><strong>朝阳区</strong> <a href="/wangp/23/25.html" title="UME国际影城双井店">UME国际影城（双井店）</a>
                                <a href="/wangp/23/921.html" title="博纳影城朝阳门旗舰店">博纳影城朝阳门旗舰店</a> <a href="/wangp/23/26.html"
                                    title="东都影城">东都影城</a> <a href="/wangp/23/5748.html" title="北京保利科技馆影院">北京保利科技馆影院</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>海淀区</strong> <a href="/wangp/23/22.html" title="华星UME国际影城">华星UME国际影城</a>
                                <!--<a title="星美国际影城（金源店）" href="/wangp/23/60.html">星美国际影城（金源店）</a>-->
                                <a href="/wangp/23/28.html" title="嘉禾北京影城">嘉禾北京影城（上地店）</a> <a href="/wangp/23/3716.html"
                                    title="嘉禾北京影城">嘉禾北京影城（万柳店）</a> <a href="/wangp/23/23.html" title="中影电影院">中影电影院</a>
                                <a href="/wangp/23/11587.html" title="北京嘉华国际影城">北京嘉华国际影城</a> <a href="/wangp/23/14421.html"
                                    title="北京新华国际影城（大钟寺店）">北京新华国际影城（大钟寺店）</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>东城区</strong> <a href="/wangp/23/2.html" title="新世纪影院">新世纪影院</a> <a href="/wangp/23/1575.html"
                                title="当代MOMA百老汇电影中心">当代MOMA百老汇电影中心</a> <a href="/wangp/23/334.html" title="金宝汇百丽宫影城">
                                    金宝汇百丽宫影城</a> <a href="/wangp/23/1576.html" title="UME国际影城（安贞店）">UME国际影城（安贞店）</a>
                                <a href="/wangp/23/3489.html" title="横店影视电影城">横店影视电影城</a> <a href="/wangp/23/1.html"
                                    title="新东安影院">新东安影院</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>西城区</strong> <a title="首都电影院（西单大悦城）" href="/wangp/23/27.html">首都电影院（西单大悦城）</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>丰台区</strong> <a title="保利国际影城（马家堡店）" href="/wangp/23/4727.html">保利国际影城（马家堡店）</a>
                                <a title="北京正华影城" href="/wangp/23/4409.html">北京正华影城</a> <a title="北京保利万源影城" href="/wangp/23/7845.html">
                                    北京保利万源影城</a> <a title="iMovie视听馆" href="/wangp/cinemainfo/IMovieSTG.html">iMovie视听馆</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>顺义区</strong> <a title="北京博纳国际影院（顺义店）" href="/wangp/23/4635.html">北京博纳国际影院（顺义店）</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>昌平区</strong>
                                <!--<a title="回龙观星美国际影城" href="/wangp/23/922.html">回龙观星美国际影城</a>-->
                                <a href="/wangp/23/6005.html" title="北京昌平保利影剧院">北京昌平保利影剧院</a> <a title="北京中影国际影城（永旺店）"
                                    href="/wangp/23/2618.html">北京中影国际影城（永旺店）</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>大兴区</strong> <a href="/wangp/23/8387.html">新华国际影城大兴店</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li><strong>崇文区</strong> <a href="/wangp/23/335.html" title="百老汇国瑞城">百老汇国瑞城</a> <a
                                href="/wangp/23/8378.html" title="搜秀影城">搜秀影城</a>
                                <div class="clr">
                                </div>
                            </li>
                            <li class="last"><strong>亦庄经济开发区</strong> <a href="/wangp/23/10780.html" title="北京大料国际影城">
                                北京大料国际影城</a>
                                <div class="clr">
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="xlmovie see" id="xlmovie2">
                    <h2>
                        <a href="/movie/" target="_blank">全部影片</a>正在上映<em>20</em>部影片</h2>
                    <div>
                        <a href="#">蓝精灵</a> <a href="#">蓝精灵</a> <a href="#">蓝精灵</a> <a href="#">蓝精灵</a>
                        <a href="#">蓝精灵</a> <a href="#">蓝精灵</a> <a href="#">蓝精灵</a> <a href="#">蓝精灵</a>
                        <a href="#">蓝精灵</a> <a href="#">蓝精灵</a>
                    </div>
                </div>
            </div>
            <!--导航end-->
        </div>
    </div>
    <div class="newmain">
        <div class="xzlogin fl">
            <div class="xzloginL fl">
                <div id="imgPlay">
                    <ul class="imgs" id="actor">
                        <li><a href="#">
                            <img src="/images/xzlogin_02.jpg"></a></li>
                        <li><a href="#">
                            <img src="/images/xzlogin_04.jpg"></a></li>
                        <li><a href="#">
                            <img src="/images/xzlogin_03.jpg"></a></li>
                        <li><a href="#">
                            <img src="/images/xzlogin_01.jpg"></a></li>
                    </ul>
                    <div class="num" id="numInner">
                    </div>
                </div>
            </div>
            <div class="xzloginR fl" id="xzlogin">
                <h2>
                    注册新账号</h2>
                <p>
                    <span>
                        <asp:TextBox ID="txtUserName" runat="server" value="请输入您的邮箱" Style="color: #AEAEAE;"
                            MaxLength="50" CssClass="text_xzlogin colr57" onblur="if (value ==''){value='请输入您的邮箱'}"
                            onfocus="if(value=='请输入您的邮箱'){value=''}"></asp:TextBox>
                        &nbsp;</span><label id="txtUserNameTip">使用您常用的邮箱，方便日后找回密码！</label>
                </p>
                <p>
                    <span style="position: relative;">
                        <asp:TextBox ID="txtPwd" runat="server" TextMode="Password" MaxLength="15" CssClass="text_xzlogin"></asp:TextBox>
                        &nbsp;
                        <label id="pas_tab" for="txtPwd" style="color: #AEAEAE; font-size: 14px; position: absolute;
                            top: 0; left: 3px; z-index: 9; cursor: text;">
                            请输入您的密码
                        </label>
                    </span>
                    <label id="txtPwdTip">
                        设置登录密码 长度6-16位，可使用英文字母、数字！</label>
                </p>
                <p>
                    <span style="position: relative;">
                        <asp:TextBox ID="txtRePwd" runat="server" TextMode="Password" MaxLength="15" CssClass="text_xzlogin"></asp:TextBox>
                        &nbsp;
                        <label id="pasRe_tab" for="txtRePwd" style="color: #AEAEAE; font-size: 14px; position: absolute;
                            top: 0; left: 3px; z-index: 9; cursor: text;">
                            请重复输入您的密码
                        </label>
                    </span>
                    <label id="txtRePwdTip">
                        重复密码不能为空,请确认</label>
                </p>
                <div style="position: relative;">
                    <p>
                        <span id="cityhover">
                            <asp:TextBox ID="txtCity" runat="server" CssClass="text_xzlogin" onblur="this.className='text_xzlogin';"
                                onfocus="javascript:this.className='text_xzlogin';CityChoose.init('city');" value="请输入您所在的城市"></asp:TextBox>
                        </span>&nbsp;<label id="txtCityTip">填写城市信息可获得更好的购票体验！</label>
                    </p>
                    <div class="choose_city" id="choose_city" style="display: none; top: 33px; left: 0px;">
                        <div class="cityBg_top">
                        </div>
                        <div class="cityBg">
                            <div class="cbox" id="provincebox">
                                #foreach($movieCity in $movieCity_BLL.GetModelList("1=1 order by CityOrder")) <span
                                    id="span${velocityCount}"><a class="sl2" onclick="javascript:CityChoose.selectProvince('$movieCity.CityName', $movieCity.CityId);">
                                        $movieCity.CityName</a></span> 
                                #set($value = $velocityCount) 
                                #end
                            </div>
                        </div>
                        <div class="cityBg_bot">
                        </div>
                    </div>
                </div>
                <p>
                    <span>
                        <asp:TextBox ID="txtMobile" runat="server" MaxLength="11" value="手机号" CssClass="text_xzlogin"
                            onblur="if (value ==''){value='手机号'}" onfocus="if(value=='手机号'){value=''}"></asp:TextBox></span>&nbsp;<label
                                id="txtMobileTip">用来接收电子影票及找回密码</label>
                </p>
                <p class="color7d">
                    <asp:CheckBox ID="cbkAgree" runat="server" Text="&quot;接受&quot;" Checked="true" />www.inpiao365.com
                    <a href="/wangp/Item/8888.aspx" target="_blank">服务协议</a> 和 <a href="/wangp/Item/8883.aspx"
                        target="_blank">隐私声明</a>
                </p>
                <p>
                    <asp:ImageButton ID="btnOk" runat="server" ImageUrl="../images/login_btn.gif" BorderWidth="0"
                        OnClick="btnOk_Click" OnClientClick="return checkReg();" /></p>
            </div>
        </div>
        <div class="clr">
            &nbsp;</div>
    </div>
    </form>
#parse("../include/Footer.html")
